<template>
  <div class="citySearch">
     <input type="text" class="serchInput" placeholder="输入城市名或拼音" />
  </div>
</template>

<script>
export default {
  name: 'citySearch'
}
</script>

<style lang="stylus" scoped>
@import '~style/varibles.styl'
.citySearch
  height 0.72rem
  padding 0.1rem
  background:$bgColor
  .serchInput
     width:100%
     box-sizing:border-box
     padding:0 0.1rem
     height 0.62rem
     line-height:0.62rem
     text-align:center
     border-radius:.06rem
     color:#666
</style>
